<template>
  <div id="app">
    <div>
      {{item.name}}
      <img :src="item.coverImgUrl" alt="" @click="handleClick(item.id)">
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  props:{
        item:{
            type:Object
        }
  },
  methods:{
        handleClick(value){
        // this.$router.push("/detail?id=1001")
        this.$router.push(`/musicdetail?id=${value}`)
        }
  }
}

</script>
<style scoped>
img{width: 100px;height: 100px;}
</style>
